<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" href="/favicon.ico" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Speedy-Vue</title>
  </head>
  <body>
    <div id="app"></div>
    <script type="module" src="/src/main.js"></script>
	<script>
		window.onload=function() {
			$(".box").css("width", "100%");
			$(".box").height($(window).height());
			$(".list-box").height($(window).height() - 4);
			//全选控制
			$("#all").change(function () {
				//亦可进行反选操作
				if ($(this).prop("checked")) {
					$(".checkbox").each(function () {
						$(this).find("input").prop("checked", true);
					})
				} else {
					$(".checkbox").each(function () {
						$(this).find("input").prop("checked", false);
					})
				}
		
			})
		}
		window.onresize(function () {
			$(".box").height($(window).height()-6);
			$(".box").width($(window).width());
			$(".list-box").height((($(window).height()-4) * 0.98));
		}
	</script>
  </body>
</html>
